<template>
	<view>
		<!-- <span>月卡</span><i class="arrows"></i> -->
		<div class="overall">
			<span class="left">购买会员</span>
			<div class="right">
				<select style="border: 0px; font-size: 18px; background-color: #FFFFFF;">
					<option>月卡</option>
					<option>季卡</option>
					<option>半年卡</option>
					<option>年卡</option>
				</select>
			</div>
		</div>
		<div class="overall"><span class="left">付款方式</span>
			<div class="right"><span>支付宝</span></div>
		</div>
		<div class="overall"><span class="left">实付金额</span>
			<div class="right"><span style="color: red;">￥25</span></div>
		</div>
		<div class="button">立即支付</div>
		<p style="margin-top: 3%; margin-left: 40%;font-size: 14px;"><a href="" style=" color: #0094FF; text-decoration:none;">查看充值记录</a></p>
	</view>
</template>

<script>

</script>

<style>
	.overall {
		width: 100%;
		height: 45.5px;
		font-size: 18px;
		background-color: #FFFFFF;
		padding-top: 3%;
		border-bottom: 1px #ccc solid;
	}

	.right {
		float: right;
		margin-right: 5%;
	}

	.left {
		margin-left: 3%;
	}

	.button {
		color: #FFFFFF;
		background-color: rgb(247, 149, 184);
		border-radius: 6px;
		width: 80%;
		margin: auto;
		text-align: center;
		margin-top: 10%;
		height: 40px;
		padding-top: 5px;
		font-size: 20px;
	}
</style>
